//触屏轮播图

touchBanner();

//实现触屏轮播图
function touchBanner() {
    var startX = 0;
    var moveX = 0;
    var distanceX = 0;
    var banner = $('.wjs-banner');
    //1. 触屏开始 记录起始位置 ，停止计时器
    banner.on('touchstart', function(e) {
        //停止定时器
        $('.carousel').carousel('pause');
        startX = e.originalEvent.targetTouches[0].pageX;
        console.log(startX);
    });
    //2. 触屏移动 记录手指移动的位置，计算出手指移动的距离
    banner.on('touchmove', function(e) {
        moveX = e.originalEvent.targetTouches[0].pageX;
        distanceX = moveX - startX;
    });
    //3. 触屏结束 判断用户滑动方向 切换轮播图
    banner.on('touchend', function(e) {
        if (distanceX > 0) {
            //右滑 上一张
            $('.carousel').carousel('prev');
        }
        if (distanceX < 0) {
            //左滑 下一张
            $('.carousel').carousel('next');
        }

        //数据重置
        startX = 0;
        moveX = 0;
        distanceX = 0;

        //开启定时器
        $('.carousel').carousel('cycle');
    });
};

//给ul设置宽度
setWidth();

//累加所有产品模块导航li的长度 赋值给ul

function setWidth() {
    var w = 0; //存储累加长度
    $('.wjs-tabs li').each(function(index, ele) {
        w += $(ele).outerWidth(true);
        // console.log(w);

        $('.wjs-tabs').width(w);
    });
}

// setScoll();

// function setScoll() {
//     var scroll = $('.wjs-tabs')[0];
//     new IScroll(scroll);
// }